@import 'devui-theme/styles-var/devui-var.scss';
.mc-attachment {
  display: inline-block;
  cursor: pointer;
  position: relative;

  // 隐藏原生的 input 元素
  .mc-attachment-file {
    display: none;
  }

  // 一个简单的默认按钮样式
  .mc-attachment-default-trigger {
    padding: 4px 8px;
    color: $devui-text;
    font-size: $devui-font-size-sm;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
    border: 1px solid transparent;

    &:disabled {
      cursor: not-allowed;
      color: $devui-disabled-text; // 使用禁用文字颜色
    }
  }
}

// 拖拽上传弹窗样式
.mc-attachment-drag-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 40px;
  background-color: $devui-base-bg;
  border: 2px dashed $devui-brand; // 使用品牌主色
  border-radius: $devui-border-radius;
  color: $devui-text;
  font-size: $devui-font-size;
  font-weight: bold;
  z-index: 9999;
  pointer-events: none; // 确保不会干扰拖放事件

  // 新增：禁用状态下的拖拽覆盖层样式
  &.is-disabled {
    border-color: $devui-danger; // 边框变为红色
    color: $devui-danger; // 文字变为红色
  }
}